<div data-role="content" data-bind="with: captionImage" >	
	<div style="text-align: center;">				
		<img height="300px" data-bind="attr:{src: selectedImage}"/>
	</div>					
	<p>Enter a caption:</p>
	<textarea data-bind="value: caption"></textarea>
	<input type="button" value="Submit" data-bind="event: {vclick: Submit_Caption}"></input>
	<div data-role="popup" id="captionDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all">
		<div data-role="header" data-theme="a" class="ui-corner-top">
			<h1>Caption This!</h1>
		</div>
		<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
			<h3 class="ui-title">Caption Submitted:</h3>
			<p><span data-bind="text: caption"></span></p>						
			<a href="#" data-role="button" data-inline="true" data-transition="flow" data-theme="b" data-bind="event: {vclick: Navigate}">OK</a>  
		</div>
	</div>
</div>